Ext.onReady(function() {
	Ext.QuickTips.init();
	//Ext.Msg.alert('welcome you!','欢迎光临ECJTU聊天室，这里将给你带来聊天的乐趣和体验！');
	var addPanel = function(btn, event) {
		var n = tabPanel.getComponent(btn.text);
		if (n) {
			tabPanel.setActiveTab(n);
			return;
		}
		n = tabPanel.add(eval(btn.id));
		tabPanel.setActiveTab(n);
		tabPanel.doLayout();
	}

	var tabPanel = new Ext.TabPanel( {
		region : 'center',
		enableTabScroll : true,
		frame : true,
		activeTab : 0,
		autoTabs:true,
		deferredRender:false,
		layoutOnTabChange : true,
		items : [{
			title : 'Welcome!',
			layout:'border',
			items : new Ext.ux.HelpIndex()
		}]
	});

	new Ext.ToolTip( {
		target : 'logoImg',
		html : 'Wecome to R&R Industrial Limited Background Management System!'
	});

	var viewport = new Ext.Viewport( {
		autoScroll :true,
		boxMinHeighe:screen.availHeight,
		boxMinWidth:screen.availWidth,
		layout : 'border',
		padding:'0 0 5 0',
		items : [ {
			region : 'north',
			height : 150,
			minHeight : 150,
			maxHeight : 150,
			border : false,
			layout : 'border',
			items : [ new Ext.Panel( {
				split : true,
				title : 'Background Management System',
				region : 'center',
				contentEl : 'north',
				border : true
			}), {
				split : true,
				region : 'east',
				frame : true,
				margin : '0 0 0 0',
				width : 200,
				maxWidth : 200,
				minWidth : 200,
				collapsible : true,
				border : true,
				layout : 'border',
				items : [ {
					split : true,
					frame : true,
					region : 'north',
					title : 'Change Theme Box',
					contentEl : 'themesChange',
					height : 60,
					maxHeight : 60,
					minHeight : 60
				}, {
					frame : true,
					region : 'center',
					layout:'hbox',
					title : 'Administrator Box',
					contentEl : 'admin',
					items:[new Ext.Button({
						text:'退出',
						tooltip:'Log out!',
						tooltipType:'qtip',
						listeners:{
			    			click:function() {
			    				Ext.Msg.confirm("警告", "你确定退出吗？", function(btn){
			    					if(btn == 'yes'){
			    						document.location.href = basePath + "admin/logout.action";
			    					}
			    				})
							}
			    		}
					})]
				} ]
			} ]
		}, {
			region : 'west',
			title : 'Tool Box',
			split : true,
			width : 200,
			frame : true,
			minWidth : 150,
			maxWidth : 250,
			collapsible : true,
			border:true,
			layout : 'accordion',
			items : [{
				title : '产品和设备',
				border : true,
				frame:true,
				items : [
					new Ext.Button({
						width:'100%',
						id:'new Ext.ux.ProductList({id:"产  品  列  表"})',
						text:'产  品  列  表',
						tooltip:'Product List',
						tooltipType:'qtip',
						listeners : {click : addPanel}
					}), new Ext.Button({
						width:'100%',
						id:'new Ext.ux.AddProduct({id:"添  加  产  品"})',
						text:'添  加  产  品',
						tooltip:'Add Product',
						tooltipType:'qtip',
						listeners : {click : addPanel}
					}), new Ext.Button({
						width:'100%',
						text:'设  备  列  表',
						id:'new Ext.ux.EquipmentList({id:"设  备  列  表"})',
						tooltip:'Equipment List',
						tooltipType:'qtip',
						listeners : {click : addPanel}
					}), new Ext.Button({
						width:'100%',
						text:'添  加  设  备',
						tooltip:'Add Equipment',
						tooltipType:'qtip',
						id:'new Ext.ux.AddEquipment({id:"添  加  设  备"})',
						listeners : {click : addPanel}
					})
				]
			}, {
				title : '新闻中心',
				border : true,
				frame:true,
				items : [
					new Ext.Button({
						width:'100%',
						text:'新  闻  列  表',
						tooltip:'News List',
						tooltipType:'qtip',
						id:'new Ext.ux.NewsList({id:"新  闻  列  表"})',
						listeners : {click : addPanel}
					}), new Ext.Button({
						width:'100%',
						text:'添  加  新  闻',
						tooltip:'Add News',
						id:'new Ext.ux.AddNews({id:"添  加  新  闻"})',
						tooltipType:'qtip',
						listeners : {click : addPanel}
					})
				]
			}, {
				title : '类别管理',
				border : true,
				frame:true,
				items : [
					new Ext.Button({
						width:'100%',
						text:'类 别 列 表',
						tooltip:'Category List',
						tooltipType:'qtip',
						id:'new Ext.ux.CategoryList({id:"类 别 列 表"})',
						listeners : {click : addPanel}
					}), new Ext.Button({
						width:'100%',
						text:'添 加 类 别',
						tooltip:'Add Admin',
						tooltipType:'qtip',
						id:'new Ext.ux.AddCategory({id:"添 加 类 别"})',
						listeners : {click : addPanel}
					})
				]
			}, {
				title : '公司信息',
				border : true,
				frame:true,
				items : new Ext.Button({
					width:'100%',
					text:'企 业 信 息 列 表',
					tooltip:'Corpration List',
					tooltipType:'qtip',
					id:'new Ext.ux.CorprationList({id:"企 业 信 息 列 表"})',
					listeners : {click : addPanel}
				})
			}, {
				title : '用户留言信息',
				border : true,
				frame:true,
				items : new Ext.Button({
					width:'100%',
					text:'留 言 信 息 列 表',
					tooltip:'Feedback List',
					tooltipType:'qtip',
					id:'new Ext.ux.FeedbackList({id:"留 言 信 息 列 表"})',
					listeners : {click : addPanel}
				})
			}, {
				title : '友情链接面板',
				border : true,
				frame:true,
				items : [
					new Ext.Button({
						width:'100%',
						text:'友 情 链 接 列 表',
						tooltip:'Link List',
						tooltipType:'qtip',
						id:'new Ext.ux.LinkList({id:"友 情 链 接 列 表"})',
						listeners : {click : addPanel}
					}), new Ext.Button({
						width:'100%',
						text:'添 加 友 情 链 接',
						tooltip:'Add Link',
						tooltipType:'qtip',
						id:'new Ext.ux.AddLink({id:"添 加 友 情 链 接"})',
						listeners : {click : addPanel}
					})
				]
			}, {
				title : '在线客服管理',
				border : true,
				frame:true,
				items : [
					new Ext.Button({
						width:'100%',
						text:'在 线 客 服 列 表',
						tooltip:'Online List',
						tooltipType:'qtip',
						id:'new Ext.ux.OnlineList({id:"在 线 客 服 列 表"})',
						listeners : {click : addPanel}
					}), new Ext.Button({
						width:'100%',
						text:'添 加 在 线 客 服',
						tooltip:'Add Online',
						tooltipType:'qtip',
						id:'new Ext.ux.AddOnline({id:"添 加 在 线 客 服"})',
						listeners : {click : addPanel}
					})
				]
			}, {
				title : '日志管理',
				border : true,
				frame:true,
				items : new Ext.Button({
					width:'100%',
					text:'系 统 日 志 列 表',
					tooltip:'Logger List',
					id:'new Ext.ux.LoggerList({id:"系 统 日 志 列 表"})',
					tooltipType:'qtip',
					listeners : {click : addPanel}
				})
			}, {
				title : '管理员面板',
				border : true,
				frame:true,
				items : [
					new Ext.Button({
						width:'100%',
						text:'管 理 员 列 表',
						tooltip:'Administrator List',
						tooltipType:'qtip',
						id:'new Ext.ux.AdminList({id:"管 理 员 列 表"})',
						listeners : {click : addPanel}
					}), new Ext.Button({
						width:'100%',
						text:'添 加 管 理 员',
						tooltip:'Add Admin',
						tooltipType:'qtip',
						id:'new Ext.ux.AddAdmin({id:"添 加 管 理 员"})',
						listeners : {click : addPanel}
					})
				]
			}, {
				title : '回收站',
				border : true,
				frame:true,
				items : new Ext.Button({
					width:'100%',
					text:'回 收 站',
					tooltip:'Recycle Bin List',
					tooltipType:'qtip',
					id:'new Ext.ux.RecycleList({id:"回 收 站"})',
					listeners : {click : addPanel}
				})
			}]
		}, tabPanel, {
//			title:'Status Bar',
			region : 'south',
			frame : true,
			contentEl : 'south',
			height:5,
			maxHeight:5,
			minHeight:5
		}]
	});

	
	var pan = new Ext.Panel( {
		layout : 'fit',
		items : [ new Ext.ux.ThemeChange({
			border : true
		}) ],
		width : '100%'
	});
	pan.render("hr_panel");

	setTimeout(function() { //此函数放在所有组件(显示出来)后(如上例), 或放在显示控制函数里.
		Ext.get('loading').remove(); //删除图片和方字
		Ext.get('loading-mask').fadeOut( {
			remove : true
		}); //淡出效果方式,删除整个遮照层
	}, 500); //1000毫秒后执行此函数 
});